<template>
  <a-card  class="common-card flex" :title="title">
    <slot></slot>
  </a-card>
</template>
<script lang="ts" setup>
import { onMounted } from 'vue';

const props = defineProps({
  /**
   * Help text list or string
   * @default: ''
   */
  title: {
    type: String,
    default: '',
  }
});

const { title } = props;
const createImageUrl = () => {
  const imageUrl = new URL('@/assets/svg/table-icon.svg', import.meta.url).href;
  // 这句话是在element加一个属性，less文件可以通过变量访问属性值
  document.documentElement.style.setProperty('--pseudo-boe-bg-image', `url(${imageUrl})`);
};
onMounted(() => {
  createImageUrl();
});

</script>
